<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>搜索页</title>
<meta name="keywords" content='日租,短租,日租房,短租房,度假公寓,家庭旅馆' />
<meta name='description' content="日租,短租,日租房,短租房,度假公寓,家庭旅馆" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/style1/style/style.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/style1/style/search.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/datepicker/zebra_datepicker.css" />
<script type='text/javascript' src='__PUBLIC__/style1/js/jquery-1.8.1.min.js'></script>
<script type='text/javascript' src='__PUBLIC__/style1/js/js.js'></script>
<script type='text/javascript' src='__PUBLIC__/datepicker/zebra_datepicker.js'></script>
</head>
<body>
	<loadfile file='public/header.html' />
	<!--面包屑导航-->
	<div class='split_bg'>
		<div class='split'>
			<a href="#">途家网</a>
			<em>></em>
			<a href="#">青岛</a>
			<h1 class='search_title'>青岛日租_短租、青岛住宿预订_家庭旅馆</h1>
		</div>
	</div>
	<div class='big_img_bg'><!--一张大图片-->
		<div class='big_img'>
			<a href='3'>
				<img src='__PUBLIC__/style1/images/201209120627045236.jpg'  alt=''/>
			</a>
		</div>
	</div>
	<div class='searchbox_bg'> <!--搜索盒子-->
		<form action='__WEB__/index/index/search/cid/' method='get' class='searchform'>
		<div class='searchbox'>
			<div class='searchboxto boxglobal'><!--目的地-->
				<span class='boxtext'>目的地</span>
				<div class='datediv'>
	            	<input class="searchcitys" type="text" value='<if value="!empty($search_cookie.cname)">{$search_cookie.cname}</if>' />
					<input type='hidden' value='<if value="!empty($search_cookie.cid)">{$search_cookie.cid}</if>' name='cid_'/>
					<div class='search_citys' class='search_citys'><!--所有城市列表-->
						<ul >
							<foreach from='$citys' value='$v'>
								<li cid='{$v.cid}' <if value='$search_cookie.cid eq $v.cid'>class='select'</if>>{$v.cname}</li>
							</foreach>
						</ul>
					</div>
            	</div>
			</div>
			<div class='searchbox_ruzhu boxglobal'><!--入住时间-->
				<span class='boxtext'>入住</span>
				<input id="datepicker-startDate" type="text" name='startdate'  value="<if value='empty($search_cookie.startdate)'>yy-mm-dd<else />{$search_cookie['startdate']|date:'Y-m-d',@@}</if>" />
			</div>
			<div class='searchbox_tui boxglobal'><!--退房时间-->
				<span class='boxtext'>退房</span>
				<input id="datepicker-endDate" type="text" name='enddate' value="<if value='empty($search_cookie.enddate)'>yy-mm-dd<else />{$search_cookie['enddate']|date:'Y-m-d',@@}</if>"/>
			</div>
			<div class='searchbox_other boxglobal'><!--其他可选条件-->
				<span class='boxtext'>可选条件</span>
				<select class='tiaojian' name='tiaojian'>
					<option value='guestCount'>人数</option>
					<option value='chuangCount'>床位</option>
					<option value='woshiCount'>卧室数</option>
				</select>
				<select name='num'>
					<option value="0">不限</option>
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5+</option>
				</select>
			</div>
			<div class=' search_sub r'>
				<input type='submit' value='搜索' />
			</div>
		</div>
		</form>
	</div>
	<!--条件选择-->
	<div class='selectOptions'>
		<div class='selectedOpt'> <!--已经选择的属性-->
			<span class='title_bg'>您已选择:</span>
			<ul>
				<li>
					<em>价格：</em>
					<strong class="cf60">¥200-300</strong>
					<a href="#">×</a>
				</li>
			</ul>
		</div>
	</div>
	<div id="lsitBox" class="">
            <ul class="listoptions">
                <li class='listoptionsli'>景区：<a href="javascript:void(0);" class="selected">不限</a></li>
                <li id="keywordIndex_0" class='listoptionsli_xuan'>
                    <div class="listbox"><a href="#">市南区</a></div>
                    <div class="listbox"><a href="#">开发区</a></div>
                    <div class="listbox"><a href="#">崂山区</a></div>
                    <div class="listbox"><a href="#">市北区</a></div>
                    <div class="listbox"><a href="#">黄岛区</a></div>
                    <div class="listbox"><a href="#">胶南市</a></div>
                </li>
            </ul>
			<if value='!empty($yangshi)'>
	            <ul class="listoptions">
	                <li  class='listoptionsli'>房型：<a <if value='$gets.fx eq 0'>href='javascript:;' <else />href="__WEB__/index/index/search/cid/{$hd.get.cid}/s/{$gets.jq}-0-{$gets.jg}-{$gets.jg}-{$gets.xq}-{$gets.ts}-{$gets.pt}" </if> <if value='$gets.fx eq 0'>class='selected'</if>>不限</a></li>
	                <li  class='listoptionsli_xuan' id="keywordIndex_1">
	                	<foreach from='$yangshi' value='$v'>
	                		<div class="listbox"><a <if value='$v.yid eq $gets.fx'>href='javascript:;' <else />href="__WEB__/index/index/search/cid/{$hd.get.cid}/s/{$gets.jq}-{$v.yid}-{$gets.jg}-{$gets.jg}-{$gets.xq}-{$gets.ts}-{$gets.pt}"</if> <if value='$v.yid eq $gets.fx'>class='selected'</if>>{$v.yname}</a></div>
	                	</foreach>
	                </li>
	            </ul>
			</if>
            <ul class="listoptions">
                <li  class='listoptionsli'>价格：<a href="javascript:void(0);" class="selected">不限</a></li>
                <li  class='listoptionsli_xuan' id="keywordIndex_2">
                    <div class="listbox"><a href="#">¥200以下</a></div>
                    <div class="listbox"><a href="#">¥200-300</a></div>
                    <div class="listbox"><a href="#">¥300-500</a></div>
                    <div class="listbox"><a href="#">¥500-800</a></div>
                    <div class="listbox"><a href="#">¥800以上</a></div>
                </li>
            </ul> 
            <ul class="listoptions">
                <li  class='listoptionsli'>景观：<a href="javascript:void(0);" class="selected">不限</a></li>
                <li  class='listoptionsli_xuan' id="keywordIndex_3">
                    <div class="listbox"><a href="#">山景</a></div>
                    <div class="listbox"><a href="#">海景</a></div>
                    <div class="listbox"><a href="#">园景</a></div>
                </li>
            </ul> 
            <ul class="listoptions" id='listoptions_4'>
                <li  class='listoptionsli'>小区：<a rel="nofollow" href="javascript:void(0);" class="selected">不限</a></li>
                <li  class='listoptionsli_xuan' id="keywordIndex_4">
                    <div class="listbox"><a rel="nofollow" href="#">无敌海景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">海景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">园景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">山景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">简约风格</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">榻榻米</a></div><div class="spanLink"><a href="javascript:;" class="more">更多</a></div>
                    <div class="listbox" style="-display: none; "><a rel="nofollow" href="#">超高层</a></div>
                    <div class="listbox" style="-display: none; "><a rel="nofollow" href="#">开放式</a></div>
                    <div class="listbox" style="-display: none; "><a rel="nofollow" href="#">复式</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">南北通透</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">落地窗</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">观景阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">180度海景阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">双阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">飘窗</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">中央空调</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">大浴缸</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">情侣度假</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">养生休闲</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">金沙滩海水浴场</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">栈桥</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">火车站</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">石老人</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">啤酒城</a></div>
                </li>
            </ul> 
            <ul class="listoptions" id='listoptions_5'>
                <li  class='listoptionsli'>特色：<a rel="nofollow" href="javascript:void(0);" class="selected">不限</a></li>
                <li  class='listoptionsli_xuan' id="keywordIndex_5">
                    <div class="listbox"><a rel="nofollow" href="#">无敌海景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">海景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">园景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">山景</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">简约风格</a></div>
                    <div class="listbox"><a rel="nofollow" href="#">榻榻米</a></div><div class="spanLink"><a href="javascript:;" class="more">更多</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">超高层</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">开放式</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">复式</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">南北通透</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">落地窗</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">观景阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">180度海景阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">双阳台</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">飘窗</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">中央空调</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">大浴缸</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">情侣度假</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">养生休闲</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">金沙滩海水浴场</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">栈桥</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">火车站</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">石老人</a></div>
                    <div class="listbox" ><a rel="nofollow" href="#">啤酒城</a></div>
                </li>
            </ul> 
		<div style='clear:both'></div>
		<ul class='peitao' id="matching">
            <li class='listoptionsli'>配套：<a  href="javascript:void(0)" class="selected">不限</a></li>
			<li class='listoptionsli_xuan hasinput'>
               <div class="labelBox"><label><input link="#" type="checkbox" name="HouseFacilities"  /><strong class="strong_text">宽带</strong></label></div>
                <div class="labelBox"><label><input type="checkbox" link="#" name="HouseFacilities" /><strong class="strong_text">有线电视</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="HouseFacilities" /><strong class="strong_text">全天热水</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Goods" /><strong class="strong_text">洗衣机</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Goods" /><strong class="strong_text">电冰箱</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Suitabilities" /><strong class="strong_text">做饭</strong></label></div>
				<div class="spanLink"><a href="javascript:;" class="more">更多</a></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Suitabilities" /><strong class="strong_text">吸烟</strong></label></div>
				<div class="labelBox"><label><input link="#" type="checkbox" name="Suitabilities" /><strong class="strong_text">聚会</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Suitabilities" /><strong class="strong_text">带宠物</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="Goods" /><strong class="strong_text">空调</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="HouseFacilities" /><strong class="strong_text">电梯</strong></label></div>
                <div class="labelBox"><label><input link="#" type="checkbox" name="HouseFacilities"/><strong class="strong_text">门禁</strong></label></div>
			</li>
		</ul>
		<div id="expand">
            <div class="pt5">
                <div id="totalcountArea">共有 <strong class="fb">687</strong>  套房屋符合搜索条件</div>
                <div id="loading" style="display:none;"><img src="http://staticfile.tujia.com/Common/images/loader.gif" alt=''/>正在重新加载数据......</div>
             </div>
             <span class="slideDown">展开筛选条件</span>
		</div>
	</div>
	<div style=' clear:both;'></div>
	<!--按面积 价格排序-->
	<div class='searchList'>
		<div class='paixu' id="sort">
		    <div class="paixu_nu">
			    <div class="sort_btn" id="sortArea">
		            <a href="javascript:;" link="#" class="current" name="TujiaRecommendedSort"><b>途家推荐</b></a>
					<a href="javascript:;" link="#" name="GrossAreaSort"><b><em></em>面积</b></a>
					<a href="javascript:;" link="#" name="GrossAreaSort"><b><em></em>价格</b></a>
			    </div>
			    <div class="priceRange" id="priceRange">
				    <span>
				    	<input  name="MinPriceValue" id="MinPriceValue" class="priceRangeinput" value="" type="text"/>
						<em>~</em>
						<input  name="MaxPriceValue" id="MaxPriceValue" class="priceRangeinput" value="" type="text" /><br />
				    <input  value="确定" class="btn" link="#" type="button" /></span>
			    </div>
				<div class="base_labe">
			          <label class="dib pr10"><input  link="#" name="OnlyPromotionUnit" class="ck" type="checkbox"/><strong class="pl5 vm">优惠</strong></label>
			        <label class="dib pr10"><input  link="#" name="EnumHotelManagementType" class="ck" type="checkbox"/><strong class="pl5 vm">途家自营</strong></label>
			        <label class="dib pr10"><input  link="#" name="EnumFeaturedServices" class="ck" type="checkbox"/><strong class="pl5 vm">免费接机</strong></label>
				</div>
			</div>
			<div class="map_list" id="viewTypeArea">
			    <a href="#"><em class="ico_map" title="地图模式"></em><b>地图</b></a>
			      <a href="javascript:void(0)" class="current"><em class="ico_list" title="列表模式"></em><b>列表</b></a>
			</div>
		</div>
	<!--搜索出来的详情列表-->
	<div class='src_list_box'><!--列表盒子-->
	  <foreach from='$houses' value='$v'><!--循环结果-->
		<div class="ptList"> <!--其中一个结果-->
			<div class="ptListimg">
		        <a target="_blank" href="#" class="pic" >
		        	<img src="http://staticfile.tujia.com/upload/unit/day_120815/Thumb/20120815024244684_150_110.jpg" alt="{$search_cookie.cname}{$v.title}(共{$v.num}套)" title="{$v.title}(共{$v.num}套)" />
				</a>
		        <p>
		        	<label><input type="checkbox" data-compare-btn="true" name="house" id="{$v.id}" data-imghref="http://staticfile.tujia.com/upload/unit/day_120815/Thumb/20120815024244684_150_110.jpg" data-housename="{$v.title}" data-houselink="/qingdao_gongyu/jiaonanshi_1153.htm" style=" vertical-align: middle" autocomplete="off" /> 
				 	<span style=" vertical-align: middle">对比</span></label>
				 </p>
		    </div>
			<div class="ptListText">
				<dl class="dlWrapper" lng="120.06332" lat="35.882022">  
					<dt class=""><a target="_blank" href="#" class="fb">{$v.title}</a><span>(共{$v.num}套)</span>
		            </dt>
		            <dd class="pingfen">
		                <span style=' cursor:pointer;'>
		                	<span class="housedatarate "style="cursor: default; width: 100px;">
				                <div class="houseratetooltip">
				                    <div class="commentsContent">
				                        <div class="commentsEvaluation">房屋综合评分：</div>
				                        <div class="commentsResults">
				                            <span class="ratyspan" data-rating="4" style="cursor: default; width: 100px; " title="">
											<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="1" title="" />&nbsp;
											<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="2" title="" />&nbsp;
											<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="3" title="" />&nbsp;
											<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="4" title="" />&nbsp;
											<img src="__PUBLIC__/style1/img/star-off-big.gif" alt="5" title="" />
											<input type="hidden" name="score" id="score" value="4" readonly="readonly" autocomplete="off" />
										</span>
				                            <span class="fGeorgia">4.3</span>
				                            <span class="t">&nbsp;分<em>(满分5分)</em></span>
				                         </div>
				                         <div class="commentScores">
				                            <p><span>卫生：<strong>4.7</strong>分</span><span>交通：<strong>3.3</strong>分</span></p>
				                            <p><span>管理服务：<strong>4.2</strong>分</span><span>家具设施：<strong>4.8</strong>分</span></p>
				                            <p><span>周边环境：<strong>3.8</strong>分</span><span>室内装修：<strong>4.3</strong>分</span></p>
				                         </div>
				                    </div>
				                </div>
								<img src="__PUBLIC__/style1/img/star-on.gif" alt="1" title="" />&nbsp;
								<img src="__PUBLIC__/style1/img/star-on.gif" alt="2" title="" />&nbsp;
								<img src="__PUBLIC__/style1/img/star-on.gif" alt="3" title="" />&nbsp;
								<img src="__PUBLIC__/style1/img/star-on.gif" alt="4" title="" />&nbsp;
								<img src="__PUBLIC__/style1/img/star-off.gif" alt="5" title="" />
								<input type="hidden" name="score" id="score" value="4" readonly="readonly" autocomplete="off" />
							</span>
						</span>
		            <a href="#" target="_blank" >{$v.comments}条点评</a>
		            </dd>
					<dd class="address">{$v.address}
						<a target="_blank" href="#" ref="#" class="dib ml10" >[地图]</a></dd>
					<dd class="info">
						<span class="pl5 pr5 c3">{$v.yangshi}</span>| 
						<span class="pl5 pr5 c3">{$v.geju}</span>|
						<span class="pl5 pr5 c3">{$v.area}平米 </span>|
						<span class="pl5 pr5 c3">床数<strong>{$v.chuang}</strong></span>|
						<span class="pl5 pr5 c3">推荐入住<strong>{$v.ruzhu}</strong>人</span>
					</dd>
					<dd class="tags">
		                    <a href="#">特色1</a>
		                    <a href="#">特色2</a>
		                    <a href="#">特色3</a>
		            </dd>
				</dl>
			</div>
			<div class="jingying">
		      <span class="ompanylogo">
		        <a href="#" target="_blank" class="dib mr2">途家自营</a>
				<a href="#" target="_blank"><img src="__PUBLIC__/style1/img/tujiaziying.png" alt="" title="" class="sweetome" /></a>
		        <div class="ratetootltip">
		            <div class="commentsContent">
		                <div class="commentsEvaluation">途家青岛管理公司综合评分（共有20条点评）：</div>
		                <div class="commentsResults">
		                    <span class="ratyspan" data-rating="4.5" style="cursor: default; width: 100px; " title="">
							<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="1" title="" />&nbsp;
							<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="2" title="" />&nbsp;
							<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="3" title="" />&nbsp;
							<img src="__PUBLIC__/style1/img/star-on-big.gif" alt="4" title="" />&nbsp;
							<img src="__PUBLIC__/style1/img/star-half-big.gif" alt="5" title="" />
							<input type="hidden" name="score" id="score" value="4.5" readonly="readonly" autocomplete="off" /></span>
		                    <span class="fGeorgia">4.6</span>
		                    <span class="t">&nbsp;分<em>(满分5分)</em></span>
		                </div>
		                <div class="commentScores">
		                    <p><span>卫生：<strong>4.8</strong>分</span><span>管理服务：<strong>4.6</strong>分</span></p>
		                </div>
		                 <p id="tooltipSweetome">· 五星级酒店客房用品<br />· 专业团队一站式服务</p>
		            </div>
		         </div>
		      </span>
		    </div>
			<div class="jiage">
				<div class='you-jia'>
	                <em class="yen">¥</em>
					<span class="Price" id="house_price_db_1153_id">480</span>&nbsp;&nbsp;每晚<br/>
	                <a target="_blank" href="#" tip-data="2012-08-31至2012-12-31期间入住，享受[328元]特价，[特惠活动]。;2012-08-01至2012-09-30期间入住，连住3晚起，[免1晚]房费，[赠送接送机服]。;提前7天预订，2012-08-31至2012-12-31期间入住，享受[279元]特价，[特殊优惠]。;2012-08-31至2012-12-31期间入住，连住3晚起，享受[295元]特价，[特殊优惠]。" class="promotion" >
		            <img src="__PUBLIC__/style1/img/ico05.png" alt="" class="vm" /></a>   <br />
		           <a href="#" target="_blank"  class="button">详情</a>
		        </div>
				<div class='youhuiTool_bg'>
					<div class='youhuiTool'>
						<p>2012-08-31至2012-12-31期间入住，享受<font>[328元]</font>特价，<font>[特惠活动]</font>。</p>
						<p>2012-08-01至2012-09-30期间入住，连住3晚起，<font>[免1晚]</font>房费，<font>[赠送接送机服]</font>。</p>
						<p>提前7天预订，2012-08-31至2012-12-31期间入住，享受<font>[279元]</font>特价，<font>[特殊优惠]</font>。</p>
						<p>2012-08-31至2012-12-31期间入住，连住3晚起，享受<font>[295元]</font>特价，<font>[特殊优惠]</font>。</p>
					</div>
				</div>
			</div>
		</div>
	  </foreach><!--循环结果-->
		<!--分页导航-->
		<empty value='$page'>
		<noempty />
			<div class='searchBoxPage'>
				<div class='searchPage'>
					{$page}
				</div>
			</div>
		</empty>
	</div>
	</div>
	<!--尾部***搜索页--->
	<div id="public_footer"><!--公共的尾部-->
		<div class="public_foot">
			<a href="#" target="_blank" class="forst" rel="nofollow">关于我们</a>
			|
			<a href="#" target="_blank" rel="nofollow">业务介绍</a>
			|
			<a href="#" target="_blank" rel="nofollow">加入途家</a>
			|
			<a href="#" target="_blank" rel="nofollow">帮助中心</a>
			|
			<a href="#" target="_blank">友情链接</a>
			|
			<a href="#" target="_blank">网站地图</a>
			<p>&copy;Copyright 2012 tujia.com 途家&nbsp;&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;不得转载</p>
			<p>京ICP备11043397号</p>  
		</div>
	</div>
</body>
</html>
